{{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
  <div class="pagination-bar">
    <ul class="pagination">
      {{ if .Site.Params.swapPaginator }}
        {{ if .Paginator.HasPrev }}
          <li class="pagination-prev">
            <a class="btn btn--default btn--small" href="{{ .Paginator.Prev.URL }}" aria-label="{{ i18n "pagination.older_posts" }}">
              <i class="fa fa-angle-left text-base icon-mr"></i>
              <span>{{ i18n "pagination.older_posts" }}</span>
            </a>
          </li>
        {{ end }}
        {{ if .Paginator.HasNext }}
          <li class="pagination-next">
            <a class="btn btn--default btn--small" href="{{ .Paginator.Next.URL }}" aria-label="{{ i18n "pagination.newer_posts" }}">
              <span>{{ i18n "pagination.newer_posts" }}</span>
              <i class="fa fa-angle-right text-base icon-ml"></i>
            </a>
          </li>
        {{ end }}
      {{ else }}
        {{ if .Paginator.HasPrev }}
          <li class="pagination-prev">
            <a class="btn btn--default btn--small" href="{{ .Paginator.Prev.URL }}" aria-label="{{ i18n "pagination.newer_posts" }}">
              <i class="fa fa-angle-left text-base icon-mr"></i>
              <span>{{ i18n "pagination.newer_posts" }}</span>
            </a>
          </li>
        {{ end }}
        {{ if .Paginator.HasNext }}
          <li class="pagination-next">
            <a class="btn btn--default btn--small" href="{{ .Paginator.Next.URL }}" aria-label="{{ i18n "pagination.older_posts" }}">
              <span>{{ i18n "pagination.older_posts" }}</span>
              <i class="fa fa-angle-right text-base icon-ml"></i>
            </a>
          </li>
        {{ end }}
      {{ end }}
      <li class="pagination-number">{{ i18n "pagination.page" . }} {{ i18n "pagination.of" . }}</li>
    </ul>
  </div>
{{ end }}
